<template>
  <div class="app">
    <div class="app-header">header</div>
    <div class="app-main">
      <router-view></router-view>
    </div>
    <div class="tarbar">

    
      <tarbar v-if=" $store.state.navShow"/>

    </div>
  </div>
</template>

<script>
import Tarbar from '@/components/Tarbar'
export default {
  components:{
    Tarbar
  },
  
 
  created(){
    console.log(this)
    
  }
  
}
</script>

<style lang="scss"> 
*{
  padding: 0;
  margin: 0;
}
  html,
  body,
  .app{
    height: 100%;
  }
  .app{
    height: 100%;
    overflow: hidden;
   display: flex;
   flex-direction: column;
      &-main{
       flex: 1;
      }
      &-header{
         height: 52px;
       border: 1px solid black;
      }
     .tarbar{
       height: 52px;
       border: 1px solid black;
     }
  }
  .app-main{
    overflow: hidden;
    height: 100%;
  }
</style>
